<template>
    <div class='designer'>
        <canvas class="canvas" ref="canvas"></canvas>
    </div>
</template>

<script>
    import { mapMutations, mapState } from 'vuex';
    import { Game2D } from '/@/game/Game2D'
    export default {
        //import引入的组件需要注入到对象中才能使用
        components: {},
        data() {
            return {

            };
        },
        computed: {
            ...mapState(["version"])
        },
        watch: {},
        methods: {
            ...mapMutations([])
        },
        //生命周期 - 创建完成（可以访问当前this实例）
        created() {

        },
        //生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {
            new Game2D(this.$refs.canvas);
        },
        //生命周期 - 创建之前
        beforeCreate() { },

        //生命周期 - 挂载之前
        beforeMount() { },

        //生命周期 - 更新之前
        beforeUpdate() { },

        //生命周期 - 更新之后
        updated() { }, 

        //生命周期 - 销毁之前
        beforeUnmount() { }, 

        //生命周期 - 销毁完成
        unmounted() { },

        //如果页面有keep-alive缓存功能，这个函数会触发
        activated() { },
    }
</script>

<style lang='less' scoped>
    @import url('./index');
</style>